import 'package:flutter/material.dart';

void main() {
  // 1. 运行应用程序。
  runApp(const MaterialApp(home: Main()));
}

// 2. 主应用程序类。
class Main extends StatelessWidget {
  // 3. 构造函数，包含一个关键参数，用于在Widget树中唯一标识这个Widget。
  const Main({super.key});

  // 4. 构建方法，返回一个Widget，该Widget代表应用程序的用户界面。
  @override
  Widget build(BuildContext context) {
    // 5. 返回一个Scaffold，用于定义应用程序的基本布局结构。
    return Scaffold(
      // 6. 设置应用程序的顶部栏，包括标题和背景颜色。
      appBar: AppBar(
        title: const Text(
          'Stack 层叠布局',
          style: TextStyle(color: Colors.white),
        ),
        backgroundColor: Colors.purple,
      ),
      // 7. 设置应用程序的主体内容，包括一个Container和一个Text组件。
      body: Center(
          child: Stack(
        // 设置组件的裁剪行为为不裁剪，这意味着组件不会剪裁其内容，即使内容超出组件的边界
        clipBehavior: Clip.none,
// 设置组件的对齐方式为居中，这意味着组件的内容将在其内部中心对齐
        alignment: Alignment.center,
        children: [
          Container(
            width: 200,
            height: 200,
            color: Colors.blue,
          ),
          // 定位组件
          Positioned(
            top: -105,
            child: Image.asset('open_eyes.png'),
          ),
          Image.asset('qiche.png')
        ],
      )),
    );
  }
}
